<template>
    <!-- 维护作业-使用者授权维护页面 -->
    <div class="fillcontain">
        <el-form :model="searchParams" ref="ruleForm" label-width="100px" class="search_container">
            <el-row>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">使用者代码</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input clearable placeholder="" v-model="searchParams.userid"></el-input>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">使用者名称</label>
                    </el-col>
                    <el-col :span="16">
                        <el-input clearable placeholder="" v-model="searchParams.ae02"></el-input>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">核保等级</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.uwlevel" placeholder="请选择">
                            <el-option v-for="item in uwlevelList" :key="item.eutblitem" :label="item.uwlevel_s" :value="item.eutblitem">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">照会授权</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.pnflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">标准体</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.uwflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">加费</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.raflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">批注</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.excflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">拒保/延期/<br/>取消</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.canflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">取消抽检</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.canranflag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">删除</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.del_flag" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="common-box">
                    <el-col :span="8" class="common-lab">
                        <label class="labelName">Forcible</label>
                    </el-col>
                    <el-col :span="16">
                        <el-select v-model="searchParams.forcible" placeholder="请选择">
                            <el-option label="Y" value="Y">
                            </el-option>
                            <el-option label="N" value="N">
                            </el-option>
                        </el-select>
                    </el-col>
                </el-col>
                <el-col :span="6" class="text_center">
                    <el-button type="primary" icon="el-icon-search" @click="subGetList"></el-button>
                    <el-button type="primary" plain icon="el-icon-refresh" @click="resetSearch"></el-button>
                </el-col>
            </el-row>
        </el-form>
        <div class="contain">
            <el-row class="bgfff pb15">
                <el-col :span="24" class="pt5">
                    <el-button type="danger" plain @click="authorizeAddGo">新增</el-button>
                </el-col>
            </el-row>
            <!-- 查询结果 -->
            <div class="table_container">
                <el-table v-loading="loading" :data="authorizetableData" highlight-current-row header-cell-class-name="table-header-class"
                    style="width:100%">
                    <el-table-column min-width="120" property="userid" label="使用者代码" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="ae02" label="使用者名称" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="uwlevel" label="核保等级" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="80" property="pnflag" label="照会授权" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="80" property="uwflag" label="标准体" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="80" property="raflag" label="加费" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column width="80" property="excflag" label="批注" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="200" property="canflag" label="拒保/延期/取消" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="canranflag" label="取消抽检" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="del_flag" label="删除" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="forceind" label="Forcible" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="procflg01" label="核保" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="procflg02" label="客户" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column min-width="120" property="procflg03" label="复核" align='center' show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column label="操作" align='center' fixed="right" min-width="120">
                        <template slot-scope="scope">
                            <!-- <el-button type="text" size="small" @click="authorizeUpdateGo(scope.row)">修改</el-button> -->
                            <span class="operationIcon" @click="authorizeUpdateGo(scope.row)">
                                <el-tooltip class="item" effect="light" content="修改" placement="top">
                                    <i class="el-icon-edit"></i>
                                </el-tooltip>
                            </span>

                            <!-- <el-button type="text" size="small" @click="authorizeDelete(scope.row)">删除</el-button> -->
                            <span class="operationIcon ml5"  @click="authorizeDelete(scope.row)">
                             <el-tooltip class="item" effect="light" content="删除" placement="top">
                                <i class="el-icon-delete"></i>
                            </el-tooltip>
                        </span>

                        </template>
                    </el-table-column>
                </el-table>
                <el-row>
                    <el-col :span="24">
                        <div class="pagination">
                            <el-pagination background v-if='paginations.total > 0' :page-sizes="paginations.pageSizes" :page-size="paginations.pageSize"
                                :layout="paginations.layout" :total="paginations.total" :current-page='paginations.pageIndex'
                                @current-change='handleCurrentChange' @size-change='handleSizeChange'>
                            </el-pagination>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </div>
        <!-- 弹框 修改-->
        <el-dialog title="使用者授权维护修改" :visible.sync="authorizeDialog" width="60%" center>
            <el-form ref="form" label-width="120px">
                <el-row>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">使用者代码</label>
                        </el-col>
                        <el-col :span="16">
                            <el-input disabled v-if="update" placeholder="" v-model="authorizeDetail.userid"></el-input>
                            <el-input clearable v-else placeholder="" @blur="getUserInfo" v-model="authorizeDetail.userid"></el-input>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">使用者名称</label>
                        </el-col>
                        <el-col :span="16">
                            <el-input disabled placeholder="" v-model="authorizeDetail.ae02"></el-input>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">核保等级</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.uwlevel" placeholder="请选择">
                               <el-option v-for="item in uwlevelList" :key="item.eutblitem" :label="item.uwlevel_s" :value="item.eutblitem">
                            </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">照会授权</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.pnflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">标准体</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.uwflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">加费</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.raflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">批注</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.excflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">拒保/延期/<br/>取消</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.canflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">取消抽检</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.canranflag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">删除</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.del_flag" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">Forcible</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-model="authorizeDetail.forceind" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">核保</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-if="!procflg01Flag" v-model="authorizeDetail.procflg01" @change="enditProcflgOnchange('1',authorizeDetail.procflg01)" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                            <el-select v-else disabled v-model="authorizeDetail.procflg01"  placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">客户</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-if="!procflg02Flag" v-model="authorizeDetail.procflg02" @change="enditProcflgOnchange('2',authorizeDetail.procflg02)" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                            <el-select v-else disabled v-model="authorizeDetail.procflg02"  placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                    <el-col :span="12" class="common-box">
                        <el-col :span="6" class="common-lab">
                            <label class="labelName">复核</label>
                        </el-col>
                        <el-col :span="16">
                            <el-select v-if="!procflg03Flag" v-model="authorizeDetail.procflg03" @change="enditProcflgOnchange('3',authorizeDetail.procflg03)" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                            <el-select v-else disabled v-model="authorizeDetail.procflg03" placeholder="请选择">
                                <el-option label="Y" value="Y">
                                </el-option>
                                <el-option label="N" value="N">
                                </el-option>
                            </el-select>
                        </el-col>
                    </el-col>
                </el-row>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="saveAuthorize" class="Defaultbutton">保 存</el-button>
                <el-button @click="authorizeDialog = false">返 回</el-button>
            </span>
        </el-dialog>

    </div>
</template>

<script>
    import { mapState, mapGetters } from 'vuex'
    import constant from '@/utils/constant';
    import { getAccreditList, deleteEufgpky, updateEufgpky, getUserName } from '@/api/setting/maintain/employment.js';
    import { initSelect } from '@/api/setting/maintain/underwrite.js';
    export default {
        data() {
            return {
              procflg01Flag: false,
              procflg02Flag: false,
              procflg03Flag: false,
                authorizeDialog: false,//默认隐藏 使用者授权维护修改弹框
                // 查询条件
                searchParams: {
                    customerNo: '',
                    customerName: '',
                    idNo: '',
                },
                authorizetableData: [//数据
                ],
                authorizeDetail: {
                  userid:'',
                  ae02:'',
                  uwlevel:'',
                  pnflag:'',
                  uwflag:'',
                  raflag:'',
                  excflag:'',
                  canflag:'',
                  canranflag:'',
                  del_flag:'',
                  forceind:'',
                  procflg01:'',
                  procflg02:'',
                  procflg03:''
                },
                uwlevelList: {},
                loading: false,
                update: false,
                //需要给分页组件传的信息
                paginations: {
                    total: 0,        // 总数
                    pageIndex: 1,  // 当前位于哪页
                    pageSize: 10,   // 1页显示多少条
                    pageSizes: [5, 10, 15, 20],  //每页显示多少条
                    layout: "total, sizes, prev, pager, next, jumper"   // 翻页属性
                },
                pickerOptions1: {
                    disabledDate(time) {
                        return time.getTime() > Date.now();
                    }
                }
            }
        },
        created() {
            initSelect().then(res => {
                if (res.resultCode == constant.SUCCESS && res.data) {
                    this.uwlevelList = res.data.uwlevelList;
                }
            }).catch(err => {
                this.$emit('checkData', false)
            })
        },
        mounted() {
        },
        methods: {
          //wpx 20101222 - 核保、客户、复核下拉框只能选择一个
          enditProcflgOnchange(type,value){
              if(type=="1"){
                if(value=="Y"){
                  this.procflg02Flag = true;
                  this.procflg03Flag = true;
                }else{
                  this.procflg02Flag = false;
                  this.procflg03Flag = false;
                }

              }
              if( type=="2" ){
                if(value=="Y"){
                  this.procflg01Flag = true;
                  this.procflg03Flag = true;
                }else{
                  this.procflg01Flag = false;
                  this.procflg03Flag = false;
                }
              }
              if(type=="3" ){
                if(value=="Y"){
                  this.procflg02Flag = true;
                  this.procflg01Flag = true;
                }else{
                  this.procflg02Flag = false;
                  this.procflg01Flag = false;
                }
              }
            },
            //获取使用者名称
            getUserInfo() {
              // let that = this;
                let param = {
                    "userid": this.authorizeDetail.userid,
                }
                getUserName(param).then(res => {
                    if (res.resultCode == constant.SUCCESS && res.data) {
                       // alert(res.resultMsg);
                      this.authorizeDetail.ae02 = res.data;
                    }
                    console.log(this.authorizeDetail)
                }).catch(err => {
                })

            },

            //编辑弹窗
            authorizeUpdateGo(row) {
                this.authorizeDialog = true;
                this.authorizeDetail = row;
                this.update = true;
            },
            //新增弹窗
            authorizeAddGo() {
                this.authorizeDetail = {
                  userid:'',
                  ae02:'',
                  uwlevel:'',
                  pnflag:'',
                  uwflag:'',
                  raflag:'',
                  excflag:'',
                  canflag:'',
                  canranflag:'',
                  del_flag:'',
                  forceind:'',
                  procflg01:'',
                  procflg02:'',
                  procflg03:''}
                this.authorizeDialog = true;
                this.update = false;
            },
            //删除
            authorizeDelete(item) {
              this.$confirm("确定要删除该条信息吗？", '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
              }).then(() => {
                let param = {
                  "userid": item.userid,
                }
                this.$store.dispatch('loading/CHANGE_LOADING', true)
                deleteEufgpky(param).then(res => {
                  this.$store.dispatch('loading/CHANGE_LOADING', false)
                  if (res.resultCode == constant.SUCCESS) {
                    this.popMsg("删除成功！", "success");
                    this.getList();
                  }
                }).catch(err => {
                  this.$store.dispatch('loading/CHANGE_LOADING', false);
                })
              }).catch(() => {

              });


            },
            //保存信息
            saveAuthorize() {
              if (!this.authorizeDetail.userid || this.authorizeDetail.userid == null || this.authorizeDetail.userid.trim() == "") {
                this.popMsg("请输入使用者代码!", "error");
                return;
              }else if(!/^[a-zA-Z0-9]+$/.test(this.authorizeDetail.userid.trim())){
                this.popMsg("使用者代码只能输入字母/数字", "error");
                return;
              }
                if (this.authorizeDetail.uwlevel == null || this.authorizeDetail.uwlevel == "") {
                    this.popMsg("请选择核保等级!", "error");
                    return;
                }

                if (this.update) {
                    this.authorizeDetail.method = "modify";
                } else {
                    this.authorizeDetail.method = "add";
                }
                this.$store.dispatch('loading/CHNAGE_SUBLOADING', true)
                updateEufgpky(this.authorizeDetail).then(res => {
                  this.$store.dispatch('loading/CHNAGE_SUBLOADING', false)
                    if (res.resultCode == constant.SUCCESS) {
                     this.$confirm("保存成功！", '提示', {
                            confirmButtonText: '确定',
                            type: 'warning'
                        }).then(() => {
                            this.authorizeDialog = false;
                            this.searchParams = {};
                            this.searchParams.userid = this.authorizeDetail.userid;
                            this.getList();
                        })
                    }
                }).catch(err => {
                    this.$store.dispatch('loading/CHNAGE_SUBLOADING', false)
                })

            },
            // 查询列表
            getList() {
                let para = {
                    "userid": this.searchParams.userid,
                    "ae02": this.searchParams.ae02,
                    "uwlevel": this.searchParams.uwlevel,
                    "pnflag": this.searchParams.pnflag,
                    "uwflag": this.searchParams.uwflag,
                    "raflag": this.searchParams.raflag,
                    "excflag": this.searchParams.excflag,
                    "canflag": this.searchParams.canflag,
                    "canranflag": this.searchParams.canranflag,
                    "del_flag": this.searchParams.del_flag,
                    "forceind": this.searchParams.forceind,
                    "pageSize": this.paginations.pageSize,
                    "pageNumber": this.paginations.pageIndex,
                }
                this.$store.dispatch('loading/CHANGE_LOADING', true)
                getAccreditList(para).then(res => {
                    this.$store.dispatch('loading/CHANGE_LOADING', false)
                    if (res.resultCode == constant.SUCCESS) {
                        if (res.data && res.data.list.length > 0) {
                            this.authorizetableData = res.data.list;
                            this.paginations.total = res.data.total;
                            this.popMsg(res.resultMsg, "success");
                        } else {
                            this.authorizetableData = [];
                            this.paginations.total = 0;
                            this.popMsg("无符合条件资料", "error");
                        }
                    }
                }).catch(err => {
                    this.$store.dispatch('loading/CHANGE_LOADING', false);
                })
            },
            // 每页多少条切换
            handleSizeChange(pageSize) {
                this.paginations.pageSize = pageSize;
                this.getList();
            },
            // 上下分页
            handleCurrentChange(page) {
                this.paginations.pageIndex = page;
                this.getList();
            },
            // 根据条件查询列表
            subGetList() {
                this.paginations.pageIndex = 1;
                this.getList();
            },
            // 清除查询条件
            resetSearch() {
                this.searchParams.userid = '';
                this.searchParams.ae02 = '';
                this.searchParams.uwlevel = '';
                this.searchParams.pnflag = '';
                this.searchParams.uwflag = '';
                this.searchParams.raflag = '';
                this.searchParams.excflag = '';
                this.searchParams.canflag = '';
                this.searchParams.canranflag = '';
                this.searchParams.del_flag = '';
                this.searchParams.forcible = '';
            },
            popMsg(message, type) {
                this.$message({
                    message: message,
                    type: type
                });
            },
        },
        computed: {
            ...mapGetters(['tags']),
            reload() {
                return this.$store.state.loading.reload;
            }
        },
        activated() {
            if (this.reload) {
                this.$store.dispatch('loading/CHNAGE_RELOAD', false)
            }
        }
    }

</script>

<style lang="less" scoped>
    .fillcontain {
        padding-bottom: 0;
    }

    .contain {
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;
    }

    .pagination {
        padding: 10px 20px;
        text-align: right;
    }

    .operationIcon {
        // padding: 12px;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: inline-block;
        cursor: pointer;
        box-shadow: 0 0 3px #f9f9f9;
    }

    .search_container {
        padding: 20px 20px 0 20px; //    border-top: 1px solid #e1e1e1;
    }

    .common-box {
        padding-bottom: 15px;
    }

    .common-lab {
        line-height: normal!important;
        text-align: right;
        .labelName {
            text-align: right;
        }
    }
</style>